#msg_count{
  background: url('.././image/svg.svg');
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  background-position: 5px center;
  padding-left: 2.2em;
}
ul,li{list-style: none;margin: 0;padding: 0;}
#message-box{padding: 10px 15px;overflow-y: auto;}
#message_list li {margin:5px 10px 10px}
#message_list .time{margin: 7px 0;text-align: center}
.time>span{padding: 0 18px;font-size:9pt;color: #fff;border-radius: 2px;background-color: #dcdcdc}
.main .photo{float: left;width: 30px;height: 30px;margin-right: 10px}
.main .text{display: inline-block;padding: 0 10px;line-height: 1.8em;font-size: 12px;background-color: #eee;border-radius: 4px}
#message_list .self {text-align: right}
.self .photo{float: right;margin-left: 10px;margin-right: 0}
.self .text{background-color: #b2e281}
.text_group .ui-controlgroup-controls{display: flex;}
.text_group .ui-input-text{flex: 1}
.text_group .controlgroup-textinput{padding-top: 0.22em;padding-bottom: 0.22em}
